<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script type="text/javascript">
            var xhr=null; //globale au script

            function afficher(xmldocument,ordre){
                num=xmldocument.getElementsByTagName("numero");
                pri=xmldocument.getElementsByTagName("prix");
                ter=xmldocument.getElementsByTagName("terrain");
                cha=xmldocument.getElementsByTagName("chambres");
                eta=xmldocument.getElementsByTagName("etages");
                ori=xmldocument.getElementsByTagName("orientation");
                var txtNumero=num[ordre].firstChild.nodeValue;
                var txtPrix=pri[ordre].firstChild.nodeValue;
                var txtTerrain=ter[ordre].firstChild.nodeValue;
                var txtChambres=cha[ordre].firstChild.nodeValue;
                var txtEtages=eta[ordre].firstChild.nodeValue;
                var txtOrientation=ori[ordre].firstChild.nodeValue;
                document.getElementById("numero").innerHTML=txtNumero;
                document.getElementById("prix").innerHTML=txtPrix;
                document.getElementById("terrain").innerHTML=txtTerrain;
                document.getElementById("chambres").innerHTML=txtChambres;
                document.getElementById("etages").innerHTML=txtEtages;
                document.getElementById("orientation").innerHTML=txtOrientation;
            }


            function getMaison(ordre){
                if (window.XMLHttpRequest){ //navigateurs non MS
                    xhr=new XMLHttpRequest();
                }
                else
                    if (window.ActiveXObject){ //versions de MS IE
                        xhr=new ActiveXObject("Microsoft.XMLHTTP");
                    }
                else {
                    alert("navigateur non comptatible Ajax...");
                }

                xhr.onreadystatechange=function(){
                    if (xhr.readyState==4 && xhr.status==200){
                        var xmldocument=xhr.responseXML;
                        afficher(xmldocument,ordre);
                    }
                }
                xhr.open("GET","idgsb.xml",true);
                xhr.send(null);

            }
        </script>
        <style type="text/css">
            body { font-family: Arial;}
            #div1 { border: 1px solid black;
                    font-size: 18px;
                    background-color: #33ccff;
                    padding: 5px;
                    margin-left: 70px;}
            </style>
        </head>
        <body onload="getMaison(ordre)">
            <p>Maison à vendre n°<span id="numero"></span></p>
        <div id="div1">
            Prix demandé: <span id="prix"></span> euros<br>
        </div>
        <div id="div2">
            Nombre d'étages <span id="etages"></span><br>
            Nombre de chambres <span id="chambres"></span><br>
            Surface du terrain <span id="terrain"></span> m<sup>2</sup><br>
            Orientation <span id="orientation"></span><br>
        </div>
        <p id="liens">
            <a href="javascript:void(0)" onclick="getMaison(0)">1</a>
            <a href="javascript:void(0)" onclick="getMaison(1)">2</a>
        </p>
    </body>
</html>
